/**
 * Created by Fesine on 2016/1/13.
 */
var itemsPerPage = 20;
var combo;
Ext.onReady(function () {
    //----------------------------------
    //创建department类
    Ext.define("department", {
        extend: 'Ext.data.Model',
        fields: [
            {name: 'name'},
            {name: 'id'}
        ]

    });
    //----------------------------------
    //创建store对象
    var store = Ext.create("Ext.data.Store", {
        //model: 'department',
        //data: [
        //    {name: '人事部', id: '001'},
        //    {name: '行政部', id: '002'},
        //    {name: '研发部', id: '003'},
        //    {name: '实施部', id: '004'},
        //    {name: '服务部', id: '005'},
        //    {name: '产品部', id: '006'},
        //    {name: '法务部', id: '007'}
        //]
        start: 0,
        limit: itemsPerPage,
        pageSize: itemsPerPage,
        model: 'recordModel',
        proxy: {
            // 异步获取数据，这里的URL可以改为任何动态页面，只要返回JSON数据即可
            type: 'ajax',
            url: '../drivingrecord/driveingInfoList.do',
            reader: {
                type: 'json',
                root: 'serials', // 返回信息的根名称，为必选项
                //	idProperty : 'id', // 数据唯一标识字段
                successProperty: 'success',
                totalProperty: "total"//总记录数
            }
        }
    });
    //----------------------------------
    //创建一个form表单
    var textForm = Ext.create("Ext.form.Panel", {
        title: "form表单中的combobox实例",
        id: "my_form",
        frame: true,
        width: 270,
        height: 120,
        bodyPadding: "5 5 5 5",
        renderTo: 'paging',
        //默认配置
        defaults: {
            labelSeparator: ': ',//分隔符
            labelWidth: 30,
            listConfig: {
                emptyText: '没有找到匹配的数值',
                maxHeight: 60
            },
            width: 200,//文本框默认宽度
            allowBlank: false,
            msgTarget: 'side',
            labelAlign: 'left'//文字对齐方式
        },

        //文本框内容
        items: [
            {
                xtype: 'combobox',
                fieldLabel: '分页',
                queryMode: 'local',//本地和请求[local]|[remot]
                forceSelection: true,//只能使用下拉列表中的数据
                //typeAhead: true,//自动补全
                //store: store,
                //displayField: 'name',
                //valueField: 'id',
                //value: '001'
                name: 'pagesize',
                hiddenName: 'pagesize',
                store: new Ext.data.ArrayStore({
                    fields: ['text', 'value'],
                    data: [['20', 20], ['40', 40], ['60', 60], ['80', 80], ['100', 100]]
                }),
                valueField: 'value',
                displayField: 'text',
                emptyText: 20,
                width: 80
            }

        ],
        buttons: [
            {
                text: '提交', handler: function () {
                var formObj = Ext.getCmp("my_form");
                var basic = formObj.getForm();
                console.log(basic.getValues());
            }
            }
        ]


    });
});